@import "_function";
@import "common";

body{
  .bc(#f8e5ff);
  font-family: 宋体;
  span{
    float: left;
  }
}

.header{
  .bc(#cf4cff);
  .p(16,30,22,30);
  overflow: hidden;
  .header-prev{
    float: left;
    background: url("../img/confirm_order1.png")no-repeat;
    .bs(28,44);
    .w(28);
    .h(44);
    .ml(10);
  }
  span{
    float: left;
    .c(#fefefe);
    .fs(30);
    .lh(44);
  }
  .header-confirm{
    .ml(248);
    .mr(220);
  }
}
.main{
  .message{
    overflow: hidden;
    .bc(#ffffff);
    .p(30,30,58,30);
    border-bottom: 1px solid #cccccc;
    span{
      float: left;
      .fs(24);
      .c(@c6);
    }
    .message-consignee{
      .ml(48);
      .mr(126);
    }
    .message-address{
      .lh(30);
      .mt(38);
      span{
        float: left;
        background: url("../img/confirm_order2.png")no-repeat;
        .bs(25,32);
        .w(25);
        .h(32);
        .mr(22);
      }
      .message-next{
        float: right;
        .w(17);
        .h(28);
        .ml(74);
        background: url("../img/confirm_order3.png")no-repeat;
        .bs(17,28);
      }
    }
  }
  .news{
    overflow: hidden;
    .p(38,30,40,30);
    .bc(#ffffff);
    .mt(20);
    .mb(100);
    li{
      .oh;
      .pb(10);
      border-bottom: 1px dotted #999;
      img{
        float: left;
        .w(198);
        .h(198);
        border: 1px solid #666666;
        .mt(4);
      }
      .news-right{
        float: left;
        .w(424);
        .ml(20);
        span{
          float: left;
          .w(424);
          .fs(24);
          .c(#d666ff);
        }
        .news-content{
          .mb(18);

        }
      }
      .news-bottom{
        float: left;
        .w(424);
        .mt(28);
        .ml(12);
        span{
          float: left;
          .fs(30);
        }
        .news-price{
          .w(424);
          .c(#ff3352);
          border: none;
        }
        .news-bottom-center{
          .fl;
          border: 1px solid #666666;
          .mt(18);
          .news-minus{
            .w(30);
            .h(32);
            .tc;
          }
          .news-number{
            .fl;
            .bn;
            .tc;
            .utn;
            .w(58);
            .h(30);
            .lh(30);
            .fs(30);
          }
          .news-plus{
            .w(30);
            .h(32);
            .tc;
          }
        }
      }
      .mode{
        .w(690);
        .fl;
        overflow: hidden;
        .bc(@cW);
        .mt(20);
        .p(37,30,37,30);
        border-bottom: 1px solid #cccccc;
        span{
          float: left;
          .fs(24);
          .c(@c3);
          .lh(28);
        }
        .mode-act1{
          .fr;
          .mr(60);
        }

        .mode-act2{
          float: right;
          background: url("../img/confirm_order3.png")no-repeat;
          .bs(17,28);
          .w(17);
          .h(28);
          .mr(44);
        }
        .mode-act3{
          .c(#cccccc);
          .ml(24);
        }
      }
      .mode-1{
        .fl;
        .mt(0);
      }
      .mode-2{
        .fl;
        .w(690);
        border-bottom: none;
        .pt(34);
        span{
          .fs(24);
        }
        .mode-act4{
          float: left;
          .ml(360);
        }
        .mode-act5{
          float: right;
          i{
            float: right;
            .ml(0);
            .fs(30);
            .c(#ff3352);
          }
        }
      }
    }
    li~li{
      .mt(20);
    }

  }
}
.footer{
  width: 100%;
  .pf;
  bottom: 0;
  .oh;
  .bc(#ebb2ff);
  span{
    float: left;
    .lh(98);
    .fs(30);
    .c(@c3);
    .ml(228);
  }
  .footer-price{
    .fs(36);
    .c(#ff3352);
    .ml(26);
  }
  .footer-submit{
    .ml(0);
    .fr;
    .tc;
    .w(180);
    .lh(98);
    .fs(36);
    .bc(#cf4cff);
    .c(#ebb2ff);
  }
}